<template>
	<view @tap="hide()" :class="{'show':showModes}" @touchmove.stop.prevent class="main">
		<view class="contens ">
			<view class="contens_main p30">
				<p class="title bb">
					{{title}}
				</p>
				<p class="txt">
					{{msg}}
				</p>
				<u-button @tap="success()" :ripple="true" shape="circle" type="success">
					确定
				</u-button>
			</view> 
			<image class="off" src="../../static/image/modelsoff.png" mode=""></image>
		</view>
	</view>
</template>

<script>
	export default {
		props:['title','msg'],
		data() {
			return {
				showModes: false
			}
		}, 
		methods: {
			success(){
				uni.showTabBar()
				this.showModes = false 
				this.$emit('success')
			},
			hide(){
				uni.showTabBar()
				this.showModes = false 
			},
			show(){
				uni.hideTabBar()
				this.showModes = true 
			},
			finish(){
				this.showModes = false
				this.$emit('finish')
			}
		}
	}
</script>

<style  scoped>
	@import 'index.css';
	
</style>
